<div mt-layout="{ spacing_open: 0, west__size: 300 }" style="width: 100%; height: 100%;">

<div class="ui-layout-west" style="padding: 0" mt-layout="{ spacing_open: 0 }" ng-controller="myFunctionTreeController">
    <div class="ui-layout-center" style="padding: 0">
        <select class="form-control" ng-model="$root.selectedSystemId">
            <option value="DM">DM</option>
            <option value="DA">DA</option>
            <option value="DP">DP</option>
        </select>
        <div class="fuelux" mt-url="tmpl/functiontree.html"></div>
    </div>
    <div class="ui-layout-south" style="border-bottom: none; border-right: none">
        <button class="btn btn-success" href="#addfunction" aria-controls="addfunction" role="tab" data-toggle="tab"
                mt-tab>新建菜单</button>
        <button class="btn btn-primary" href="#modifyfunction" aria-controls="modifyfunction" role="tab" data-toggle="tab"
                mt-tab ng-disabled="!selectedFunction">修改菜单</button>
        <button class="btn btn-danger" data-toggle="modal" data-target="#myModal" aria-controls="deletefunction"
                ng-disabled="!selectedFunction">删除菜单</button>
    </div>
</div>

<div class="ui-layout-center">
        <!-- Nav tabs -->
    <ul class="nav nav-tabs hidden" role="tablist">
        <li role="presentation" class="active"><a href="#helptab" aria-controls="helptab" role="tab" data-toggle="tab" mt-tab>帮助</a></li>
        <li role="presentation"><a href="#groupfntab" aria-controls="groupfntab" role="tab" data-toggle="tab" mt-tab>菜单列表</a></li>
        <li role="presentation"><a href="#addfunction" aria-controls="addfunction" role="tab" data-toggle="tab">新建菜单</a></li>
        <li role="presentation"><a href="#modifyfunction" aria-controls="modifyfunction" role="tab" data-toggle="tab">修改菜单</a></li>
    </ul>
    <!--<div ng-controller="pushdataController">-->
        <!--<button style="float: right;" class="btn btn-primary" ng-click="pushingdata()">推送数据</button>-->
    <!--</div>-->

    <!-- Tab panes -->
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane fade active in" id="helptab">请选择菜单项</div>
        <div role="tabpanel" class="tab-pane fade" id="groupfntab">
            <div class="ui-layout-north" style="text-align: right;">
                <ol class="breadcrumb" >
                    <li>系统管理</li>
                    <li><a href="../../settings/function">系统菜单管理</a></li>
                    <li class="active">详细信息</li>
                </ol>
            </div>
            <div class="ui-layout-center" mt-url="tmpl/functionlist.html"></div>

        </div>
        <div role="tabpanel" class="tab-pane fade" id="addfunction" ng-controller="addFunctionController">
            <ol class="breadcrumb"  style="text-align: right;">
                <li>系统管理</li>
                <li><a href="../../settings/function">系统菜单管理</a></li>
                <li class="active">新建菜单</li>
            </ol>
            <div mt-url="tmpl/functionForm.html"></div>
        </div>
        <div role="tabpanel" class="tab-pane fade" id="modifyfunction" ng-controller="modifyFunctionController">
            <ol class="breadcrumb"  style="text-align: right;">
                <li>系统管理</li>
                <li><a href="../../settings/function">系统菜单管理</a></li>
                <li class="active">修改菜单</li>
            </ol>
            <div mt-url="tmpl/functionForm.html"></div>
        </div>

    </div>


</div>

</div>

<div mt-url="tmpl/removefunctiondlg.html" ng-controller="deleteFunctionController"></div>
